@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html,
body {
    width: 100%;
    height: 100%;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
    >header {
        width: 100%;
        height: r(87);
        position: absolute;
        top: 0;
        background: #f7f7f7;
        margin: 0 auto;
        border-bottom: r(1) solid #c1c1c1;
        padding-left: r(20);
        .img {
            float: left;
            margin-top: r(20);
            width: r(22);
            height: r(37);
            img {
                width: 100%;
                height: 100%;
            }
        }
        p {
            width: 50%;
            height: r(86);
            line-height: r(86);
            font-size: r(35);
            color: #333333;
            margin: 0 auto;
            text-align: center;
        }
    }
}

section {
    width: 100%;
    position: absolute;
    top: r(87);
    bottom: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    .date {
        width: 100%;
        height: r(82);
        ul {
            li {
                width: 50%;
                text-align: center;
                span {
                    display: inline-block;
                    width: r(154);
                    height: r(82);
                    line-height: r(82);
                    text-align: center;
                    font-size: r(26);
                    a {
                        color: #333333;
                    }
                }
                span.active {
                    border-bottom: r(4) solid #d62d31;
                    a {
                        color: #d62d31;
                    }
                }
            }
        }
    }
    .hr1 {
        width: r(638);
        height: r(22);
        background: #f3f4f6;
        border-top: r(1) solid #c1c1c1;
        border-bottom: r(1) solid #c1c1c1;
    }
    .management {
        width: r(600);
        margin: 0 auto;
        height: r(95);
        width: 100%;
        border-bottom: r(1) solid #e1e2e4;
        >p {
            height: r(94);
            line-height: r(94);
            font-size: r(26);
            color: #333333;
            padding-left: r(30);
            padding-right: r(20);
            vertical-align: middle;
        }
        .two {
            vertical-align: middle;
            padding-right: r(20);
            height: r(94);
            p {
                font-size: r(20);
                color: #999999;
                text-align: right;
            }
            p:first-child {
                font-size: r(26);
                color: #333333;
                line-height: r(40);
                padding-top: r(10);
            }
        }
    }
    .hr2 {
        width: 100%;
        height: r(517);
        background: #f3f4f6;
        border-bottom: r(1) solid #e1e2e4;
    }
    .foot {
        width: r(600);
        height: r(96);
        margin: 0 auto;
        line-height: r(96);
        span {
            font-size: r(26);
            color: #333333;
            float: right;
        }
        span:first-child {
            margin-left: r(50);
        }
    }
}